• Jump To … +
    main.js separate.js single.js web-apg-api.js main.js web-conv-api.js ast.js csv.js dangling-else.js display.js flags.js float.js limits.js main.js multiline-mode.js recursive.js replace.js rules.js split.js testonly.js trace.js udt.js unicode.js web-email.js word-boundaries.js main.js phone-number.js web-main.js web-phone-number.js main.js phone-number.js setup.js translate.js xml.js branch-fail-grammar.js main.js parent-mode-grammar.js setup.js universal-mode-grammar.js colors-app.js colors-callbacks.js colors.js main.js more-app.js more-setup.js more.js ast-callbacks.js bad-input.js basic.js ini-file.js main.js parser-callbacks.js setup.js trace.js anbncn.js and.js c-comment.js compound.js main.js nested.js not.js setup.js boundaries-grammar.js boundaries.js comment-grammar.js comment.js main.js negative-grammar.js negative.js positive-grammar.js positive.js setup.js main.js odata-grammar.js run.js setup.js area-code.js lookaround.js main.js phone-number.js setup.js simple.js all-operators.js default.js fancy-number.js limited-lines.js main.js select-operators.js select-rules.js setup.js main.js minimal.js parent-u.js parent.js phone-number.js setup.js stats.js trace.js universal-u.js universal.js callbacks.js grammar.js main.js parser.js writeHtml.js LICENSE.md README.md index.md
  • web-apg-api.js

  • §
    /* eslint-disable no-unused-vars */
    /* eslint-disable new-cap */
    /* eslint-disable no-undef */
    /*  *************************************************************************************
     *   copyright: Copyright (c) 2021 Lowell D. Thomas, all rights reserved
     *     license: BSD-2-Clause (https://opensource.org/licenses/BSD-2-Clause)
     *   ********************************************************************************* */
  • §

    This is a very minimal example of using apg-api in a web page.

    /* the input and output elements */
    const ELEMENT = {
      obj: null,
      grammar: null,
      input: null,
      output: null,
    };
    /* on page load, get the input and output elements and remember them */
    function onload() {
      ELEMENT.grammar = document.getElementById('grammar');
      ELEMENT.input = document.getElementById('input');
      ELEMENT.output = document.getElementById('output');
      let float = '';
      float += 'float    = [sign] decimal [exponent]\n';
      float += 'sign     = "+" / "-"\n';
      float += 'decimal  = integer [dot [fraction]]\n';
      float += '           / dot fraction\n';
      float += 'integer  = 1*%d48-57\n';
      float += 'dot      = "."\n';
      float += 'fraction = 1*%d48-57\n';
      float += 'exponent = "e" [esign] exp\n';
      float += 'esign    = "+" / "-"\n';
      float += 'exp      = 1*%d48-57\n';
      ELEMENT.grammar.value = float;
      ELEMENT.input.value = '123.0';
    }
    
    /* the generate button action */
    function generate() {
      const api = new apgApi(ELEMENT.grammar.value);
      api.generate();
      if (api.errors.length) {
        ELEMENT.output.innerHTML = "<span class='apg-nomatch'>grammar has errors</span>";
        return;
      }
      let html = '<pre>\n';
      html += api.toSource();
      html += '</pre>\n';
      ELEMENT.output.innerHTML = html;
      ELEMENT.obj = api.toObject();
    }
    
    /* the parse button action */
    function parse() {
      const parser = new apgLib.parser();
      const result = parser.parse(ELEMENT.obj, 0, ELEMENT.input.value);
      const html = apgLib.utils.parserResultToHtml(result, 'web page apg-api example');
      ELEMENT.output.innerHTML = html;
    }